<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>操作数组的基本方法</title>
  </head>
  <body>
    <script>
      // 通过索引增加数据
      //   console.log("通过索引增加数据:");
      //   var list = [1, 2, 3, 4];
      //   list[4] = 5;
      //   console.log(list);
      //   list[6] = 7;
      //   console.log(list);

      //   // 通过push方法在数组后面插入一条数据
      //   console.log("通过push方法在数组后面插入一条数据:");
      //   var list1 = [1, 2, 3, 4];
      //   console.log(list1);
      //   list1.push("end");
      //   console.log(list1);

      //   // 通过unshift方法在数组前面插入一条数据
      //   console.log("通过unshift方法在数组前面插入一条数据:");
      //   var list2 = [1, 2, 3, 4];
      //   console.log(list2);
      //   list2.unshift("first");
      //   console.log(list2);

      // 删除数据
      //   console.log("使用pop方法删除数组当中最后一个元素:");
      //   var list1 = [1, 2, 3, 4];
      //   console.log("删除前的数组:", list1);
      //   list1.pop();
      //   console.log("删除后的数组:", list1);

      //   console.log("使用shift方法删除数组当中第一个元素:");
      //   var list2 = [1, 2, 3, 4];
      //   console.log("删除前的数组:", list2);
      //   list2.shift();
      //   console.log("删除后的数组:", list2);

      // 修改数据
      //   var list = [1, 2, 3, 4];
      //   console.log("原数组：", list);
      //   list[2] = "edit";
      //   console.log("修改后的数组（修改了下标为2的数据）：", list);
      
      // 查询数据
      var list = [1, 2, 3, 4];
      console.log("查询数组下标为1的数据:", list[1]);
    </script>
  </body>
</html>
